@import "commonFunc";

*, p, ul, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    list-style: none;
    @include scrollBar;
}

#cloudMap {
    @include widthHeight(100%);
    @include position(relative);
    overflow-x: auto;
}

button {
    &.ant-btn-primary {
        &:disabled {
            &:hover {
                @include color(white);
                @include bgColor(rgba(175, 137, 97, .6))
            }

            @include color(white);
            @include bgColor(rgba(175, 137, 97, .6))
        }
    }
}

//浮动元素--start
.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.clearFix {
    &:after {
        clear: both;
    }

    &:after,
    &:before {
        display: table;
        content: " ";
    }
}

.pagination_module {
    text-align: right;
    padding: px2rem(20) 0;
    user-select: none;

    .ant-pagination-total-text {
        @include lineHeight(px2rem(30))
    }

    .ant-pagination-prev, .ant-pagination-item, .ant-pagination-next, {
        @include widthHeight(px2rem(32), px2rem(32));
        margin-right: 0;
        border-radius: 0;
        @include bgColor(transparent);
        border-right: none;
        border-color: rgba(175, 137, 98, .6);

        a {
            @include widthHeight(100%);
            @include displayFlex;
            @include color(#6E4B30)
        }
    }

    .ant-pagination-prev, .ant-pagination-next {
        @include widthHeight(px2rem(60), px2rem(32));

        &.ant-pagination-disabled {
            button {
                @include color(#bdbaba)
            }
        }

        button {
            border-radius: 0;
            @include bgColor(transparent);
            @include color(#6E4B30);
            @include widthHeight(px2rem(60), px2rem(32));
            padding: 0;
            border-color: rgba(175, 137, 98, .6);
        }
    }

    .ant-pagination-prev {
        button {
            border-radius: 0;
            border-right: none;
        }
    }

    .ant-pagination-total-text {
        @include color(#6E4B30)
    }

    .ant-pagination-jump-prev,
    .ant-pagination-jump-next {
        @include lineHeight(px2rem(32));
        width: px2rem(32);
        margin: 0;
        border: 1px solid rgba(175, 137, 98, .6);
        border-radius: 0;
        border-right: none;
    }

    .ant-pagination-options {
        margin-left: 0;

        .ant-pagination-options-size-changer {
            margin-left: px2rem(15);

            .ant-select-selector {
                height: px2rem(32);
                @include displayFlex;
                @include bgColor(transparent);

                .ant-select-selection-item {
                    @include color(#6E4B30);
                }
            }
        }

        .ant-pagination-options-quick-jumper {
            //@include displayFlex;
            @include widthHeight(px2rem(120), px2rem(32));
            @include fontSize;
            @include color(#6E4B30);

            input {
                @include widthHeight(px2rem(60), px2rem(32));
                @include bgColor(transparent);
                text-align: center;
                @include fontSize;
                border-radius: 0;
                border-color: rgba(175, 137, 98, .6);
            }
        }
    }
}

#nprogress {
    $proColor: #BA3732;

    .bar {
        @include bgColor($proColor);
        height: px2rem(3);
    }

    .spinner-icon {
        border-color: $proColor;
    }

    .peg {
        box-shadow: 0 0 10px $proColor, 0 0 5px $proColor;
    }
}

/*自定义表格样式*/
.custom_table_style {
    .ant-table {
        @include bgColor(transparent);
        user-select: none;

        .ant-table-container {
            border: 1px solid rgba(175, 137, 98, .2);
            border-top: none;
            min-height: px2rem(540);

            .ant-table-thead {

                tr {
                    th {
                        height: px2rem(50);
                        @include bgColor(rgba(175, 137, 98, .2));
                        @include fontSize(px2rem(16));
                        @include color(#896342);
                        padding: 0 px2rem(16);
                        border-color: rgba(175, 137, 98, .2) !important;

                        &.ant-table-selection-column {
                            border-right: none;
                            padding-left: px2rem(23);

                            .ant-table-selection-extra {
                                padding-inline-start: px2rem(6);
                            }

                            .ant-dropdown-trigger {
                                .anticon {
                                    @include fontSize(px2rem(14));
                                    @include color($defaultColor)
                                }
                            }
                        }

                        &:nth-child(2) {
                            //padding-left: px2rem(40);
                        }
                    }
                }
            }

            .ant-table-tbody {
                min-height: px2rem(650);

                tr {
                    &:hover {
                        td {
                            @include bgColor(transparent)
                        }
                    }

                    td {
                        border-color: rgba(175, 137, 98, .2) !important;
                        @include fontSize;
                        @include color(#896342);
                        @include bgColor(transparent);
                        padding: px2rem(13) px2rem(16);

                        &.ant-table-selection-column {
                            border-right: none;
                            padding-left: px2rem(23);
                        }

                        //&:nth-child(2) {
                        //    padding-left: px2rem(40);
                        //}

                        .del_message {
                            @include color(#667572);
                            cursor: pointer;

                            &:hover {
                                @include color($defaultActiveColor);
                            }
                        }

                        .ant-checkbox-wrapper-disabled {
                            .ant-checkbox-inner {
                                @include bgColor(#ddd);
                            }
                        }
                    }
                }

                .ant-empty-normal {
                    margin: 0;
                    height: px2rem(380);
                    @include displayFlex;
                }
            }

            .ant-checkbox-inner {
                @include bgColor(transparent);
                @include widthHeight(px2rem(18));

                &:after {
                    border-color: $defaultColor;
                    border-width: 1px;
                    top: 49%;
                }
            }
        }
    }

    &.user_list_table {
        .ant-table {
            .ant-table-container {
                .ant-table-thead {

                    tr {
                        th {
                            height: px2rem(40);
                            @include fontSize(px2rem(16));
                            @include bgColor(rgba(175, 137, 98, .2));

                            &.ant-table-selection-column {
                                padding-left: px2rem(17);
                            }
                        }
                    }
                }

                .ant-table-tbody {
                    tr {
                        td {
                            padding: px2rem(2) px2rem(16);

                            &.ant-table-selection-column {
                                padding-left: px2rem(17);
                            }
                        }
                    }

                    .ant-empty-normal {
                        height: px2rem(100);
                    }
                }
            }
        }
    }
}


.animateFadeInUp {
    animation: tableFadeUp .8s linear forwards;
}
.uploadText {
    margin-bottom: 0!important;
    p {
        color: #87603F;
    }
}

@keyframes tableFadeUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.system_management_content_style {
    @include widthHeight(100%);
    //max-width: px2rem(1555);
    padding: px2rem(30);
    overflow: auto;
    @include scrollBar;
    background-color: #F9F9F9;

    .filter_section {
        border-bottom: px2rem(1) solid rgba(175, 137, 97, .6);
        padding: px2rem(10) 0;
        overflow: hidden;

        &:first-of-type {
            padding-bottom: px2rem(20);
        }

        .filter_label {
            @include color(#6E4B30);
            padding-right: px2rem(10);
            @include fontSize(px2rem(16));
            @include lineHeight(px2rem(18));
            display: inline-block;
            border-right: 5px solid $defaultActiveColor;
            margin-top: px2rem(7);
        }
    }

    .table_box {
        margin-top: px2rem(15);
    }
}

.custom_filter_form_style {
    .ant-form {
        .ant-form-item {
            label {
                @include fontSize;
                @include color(#6E4B30);
                //height: px2rem(40);
            }

            .ant-picker {
                @include bgColor(transparent);
                //height: px2rem(40);

                input {
                    @include fontSize;
                    @include color(#896342)
                }
            }

            .ant-select {
                width: px2rem(200);

                .ant-select-selector {
                    @include bgColor(transparent);
                    //height: px2rem(40);

                    .ant-select-selection-item {
                        //@include fontSize(px2rem(16));
                        @include color(#896342);
                        //line-height: px2rem(40);;
                    }

                    .ant-select-selection-placeholder {
                        //@include lineHeight(px2rem(40));
                        //@include fontSize(px2rem(16))
                    }
                }
            }

            .ant-input {
                //height: px2rem(40);
                @include bgColor(transparent);
            }

            .ant-radio-group {
                @include displayFlex;

                .ant-radio-wrapper {
                    @include displayFlex;

                    .ant-radio-inner {
                        @include bgColor(transparent)
                    }
                }
            }
        }
    }
}

button {
    &.custom_button_style {
        @include fontSize;
        //height: px2rem(40);
        width: px2rem(80);
        padding: 0;
        @include displayFlex;
        @include color(white);

        &.auto_width {
            width: px2rem(160);
            //@include fontSize(px2rem(16) !important);
        }

        &[disabled] {
            border-color: $defaultColor !important;
            @include bgColor($defaultColor !important);
            opacity: .5;

            &:hover {
                opacity: .5;
            }
        }

        &.search_result {
            @include bgColor($yellowColor);
            border-color: $yellowColor;
        }

        &.reset_result {
            @include bgColor(#9DAFB6);
            border-color: #9DAFB6;
        }

        &.remove_all {
            @include bgColor(#701618);
            border-color: #701618;
            @include fontSize;
        }
    }
}

.operate_link_group {
    @include displayFlex;

    span {
        @include lineHeight(px2rem(15));
        padding: 0 px2rem(8);
        @include fontSize;
        cursor: pointer;
        display: inline-block;
        border-left: px2rem(2) solid #9F7D60;

        &:first-of-type {
            padding-left: 0;
            border: none;
        }

        &:hover {
            text-decoration: underline;
        }

        &.edit_link {
            @include color(#9DAFB6);
        }

        &.audit_link {
            @include color($yellowColor);
        }
        &.red_link {
            @include color(#941619);
        }

        &.del_link {
            @include color(#667572);
        }

        &.reset_link {
            @include color(#87603F);
        }
    }
}


/*设置弹窗样式*/
.custom_modal_style {
    .ant-modal-close {
        @include color(white);

        .ant-modal-close-x {
            @include widthHeight(px2rem(40));
            line-height: normal;
            @include displayFlex;
        }
    }

    .ant-modal-content {
        border-radius: px2rem(6);
        @include bgColor(#F9F3E9);
    }

    .ant-modal-body {
        min-height: px2rem(238);

        .ant-form {
            .ant-form-item {
                margin-bottom: px2rem(20);

                label {
                    //@include fontSize(px2rem(16));
                    @include color(#87603F);
                }

                .ant-radio-group {
                    @include displayFlex;
                    justify-content: flex-start;
                }

                .ant-radio-wrapper {
                    @include displayFlex;
                }

                .ant-select-selector {
                    @include bgColor(transparent);

                    .ant-select-selection-item {
                        //@include fontSize(px2rem(15));
                        @include color(#87603F);
                    }
                }

                .ant-input-affix-wrapper,
                .ant-input {
                    @include bgColor(transparent);
                }

                .ant-form-item-explain {
                    @include position;

                }

                .ant-tree {
                    @include bgColor(transparent);
                    padding-top: px2rem(3);

                    .ant-tree-switcher-icon {
                        @include color($defaultColor)
                    }

                    .ant-tree-checkbox {
                        &.ant-tree-checkbox-checked {
                            .ant-tree-checkbox-inner {
                                @include bgColor($defaultColor)
                            }
                        }

                        .ant-tree-checkbox-inner {
                            @include bgColor(transparent)
                        }
                    }
                }
            }

            .permission_style {
                border-bottom: 1px dashed rgba(159, 125, 96, .3);
                margin-bottom: px2rem(20);

                .ant-form-item {
                    margin-bottom: px2rem(15);
                }

                .ant-input {
                    border: none;
                    cursor: default;
                    @include color(#87603F);
                }
            }
        }
    }

    .ant-modal-header {
        @include bgColor(#AF8962);
        padding: 0 px2rem(11) 0 px2rem(20);
        height: px2rem(40);
        @include displayFlex;
        justify-content: flex-start;
        border-radius: px2rem(6) px2rem(6) 0 0;

        .ant-modal-title {
            @include color(white);
            //@include fontSize(px2rem(18));
        }
    }

    .ant-modal-footer {
        height: px2rem(60);
        padding: px2rem(13) px2rem(30) 0;
        border-color: rgba(159, 125, 96, .4);

        button {
            //@include fontSize(px2rem(16));
            height: px2rem(34);

            &:first-of-type {
                float: right;
                margin-left: px2rem(32);
                @include bgColor(transparent);
                @include color(#87603F);
            }
        }
    }


    &.audit_wrap_style {
        .ant-modal-close {
            .ant-modal-close-x {
                @include widthHeight(px2rem(40));
            }
        }
    }

    &.max_modal_wrap_style {
        .ant-modal-close {
            .ant-modal-close-x {
                @include widthHeight(px2rem(50));
            }
        }

        .ant-modal-header {
            height: px2rem(50);
        }

        .ant-picker {
            width: 100%;
            @include bgColor(transparent)
        }

        .upload_file {
            .ant-form-item-control-input-content {
                > div {
                    > span {
                        display: block;

                        .ant-upload {
                            @include widthHeight(100%);
                            display: block;

                            .upload_btn {
                                @include widthHeight(100%);
                                @include bgColor(transparent);
                                @include displayFlex;
                                justify-content: flex-start;
                                @include color(#D2AE8E);
                                @include position(relative);
                                padding-right: px2rem(35);

                                span {
                                    margin-left: 0;

                                    & + span {
                                        display: block;
                                        width: 100%;
                                        @include visibleFont;
                                        text-align: left;
                                    }
                                }

                                .anticon-cloud-upload {
                                    @include position;
                                    @include trbl(0, 0, 0, '');
                                    @include displayFlex;
                                    margin-right: px2rem(5);
                                    @include fontSize(px2rem(25));
                                    @include color(#AF8962);
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.ant-input-affix-wrapper,
.ant-select-selector,
.ant-input {
    border-color: rgba(175, 137, 98, .6) !important;
}


.children_head_component {
    padding: px2rem(12) 0 px2rem(22) 0;
    overflow: hidden;
    border-bottom: 1px solid rgba(175, 137, 97, .6);

    .breadcrumb_box {
        @include displayFlex;

        span {
            @include color(#6E4B30);
            @include fontSize(px2rem(16));
            @include lineHeight(px2rem(17));
            @include displayFlex;

            &:nth-child(2) {
                margin: 0 px2rem(5);
            }
        }
    }

    .back_box {
        @include displayFlex;
        @include fontSize(px2rem(14));
        @include color(#6E4B30);
        cursor: pointer;

        &:hover {
            opacity: .85;
        }

        .anticon {
            margin-right: px2rem(13);
            @include fontSize(px2rem(18));
            @include color(#AF8962);
        }
    }
}